<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>公开招聘</title>
    @@include("../template/src.html")
</head>
<style>
</style>

<body ms-controller="index">
    @@include("../template/head.html")
    <div class="main-container">
        <div class="sub-nav">
            <nav class="navbar">
                <div class="container-fluid">
                    <div class="navbar-header">
                        <a class="navbar-brand logo-c" href="#">
                            <img alt="logo" src="../images/icon_part.png">
                        </a>
                    </div>
                    <p class="navbar-text">
                        公开招聘
                    </p>
                    <p class="navbar-text crumbs-split">
                        >
                    </p>
                    <p class="navbar-text">
                        招聘公告
                    </p>
                </div>
            </nav>
        </div>
    </div>
    <div class="main-container">
        <div class="sn-tab">
            <ul class="ul-nav">
                <li class="ul-nav-li active">
                    <span class="ul-nav-li-title">{{menuList[0].name}}</span>
                </li>
                <li ms-repeat-el="menuList" class="ul-nav-li" ms-if-loop="$index>0">
                    <span class="ul-nav-li-title">{{el.name}}</span>
                </li>
            </ul>
            <ul class="ul-container">
                <li class="ul-container-li" style="display: block;">
                    <div ms-include-src="menuList[0].url"></div>
                </li>
                <li ms-repeat-el="menuList" class="ul-container-li" ms-if-loop="$index>0">
                    {{el.url}}
                    <div menuList[0].url="el.url"></div>
                </li>
            </ul>
        </div>
    </div>
    @@include("../template/footer.html")
</body>
<script>
$(function() {
    $(".sn-nav-menu a").removeClass('active');
    $(".sn-nav-menu a").each(function(index, el) {
        if ($(el).html() == "公开招聘") {
            $(el).addClass('active');
            return;
        }
    });
});
var vm = avalon.define({
    $id: "index",
    menuList: [{
        name: '1',
        num: '5',
        url: '../components/gkzpZpgg.html'
    }, {
        index: '1',
        name: '2',
        num: '5',
        url: 'http://www.baidu.com'
    }, {
        name: '3',
        num: '5',
        url: 'http://www.baidu.com3'
    }, {
        name: '4',
        num: '5',
        url: 'http://www.baidu.com4'
    }, {
        name: '5',
        num: '5',
        url: 'http://www.baidu.com5'
    }, {
        name: '6',
        num: '5',
        url: 'http://www.baidu.com6'
    }],
    test: 'test'
});
</script>

</html>
